* {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input, textarea {
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    height: 100%;
    font-size: 13.33333333333333vw;
}

body {
    /* background-color: #f6f6f6; */
    font-size: .28rem;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div, p {
    word-break: break-all;
}
input, select {
    font-size: .32rem;
    line-height: .60rem;
    height: .60rem;
    background: none;
    outline: none;
    border: none;
}

.scoll-x, .scroll-x {
    overflow-x: scroll;
    overflow: auto;
    white-space: nowrap;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

}

.scoll-y, .scroll-y {
    overflow-x: hidden;
    overflow-y: scroll;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #BFBFC3;
}

/*隐蔽所有滚动条*/
::-webkit-scrollbar {
    display: none;
}

/*字体图标样式*/
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.flex-container {
    height: 100%;
    width: 100%;
}

.flex-row {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: -moz-flex;
    display: -o-flex;
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.flex-direction-row {
    flex-direction: row-reverse
}

.flex-direction-column {
    flex-direction: column-reverse;;
}

.flex-column {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: -moz-flex;
    display: -o-flex;
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    flex-direction: column;
}

.bg-main { /*主要背景色*/
    background-color: rgba(255, 255, 255, 1);;
}

.bar-opacity {
    background: rgba(19, 56, 74, 0)
}

.bg-white {
    background-color: #ffffff;
}

.dis-n {
    display: none;
}

.op1 {
    opacity: 0.1;
}

/*color*/
.c-white {
    color: white;
}

.c-red {
    color: #EA6567;
}

.c-222 {
    color: #222;
}

.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-777 {
    color: #777;
}

.c-888 {
    color: #888;
}

.c-999 {
    color: #999;
}

.c-aaa {
    color: #aaa;
}

.c-a3 {
    color: #A3A3A3;
}

.c-a6 {
    color: #a6a6a6;
}

.c-5d {
    color: #a6a6a6;
}

.c-ffa42f {
    color: #ffa42f;
}

.c-3d7ecf {
    color: #3D7ECF;
}

/*text-align*/
.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.ta-left {
    text-align: left;
}

/*font-size*/
.fspx9 {
    font-size: 9px;
}

.fspx10 {
    font-size: 10px;
}

.fspx11 {
    font-size: 11px;
}

.fspx12 {
    font-size: 12px;
}

.fspx13 {
    font-size: 13px;
}

.fspx14 {
    font-size: 14px;
}

.fspx15 {
    font-size: 15px;
}

.fspx16 {
    font-size: 16px
}

.fspx17 {
    font-size: 17px
}

.fspx18 {
    font-size: 18px
}

.fspx19 {
    font-size: 19px
}

.fspx20 {
    font-size: 20px
}

.fspx21 {
    font-size: 21px
}

.fspx22 {
    font-size: 22px
}

.fspx24 {
    font-size: 24px
}

.fspx25 {
    font-size: 25px
}

.fspx26 {
    font-size: 26px
}

.fspx30 {
    font-size: 30px
}

.fspx34 {
    font-size: 34px
}

/*font-size*/
.fs8 {
    font-size: 0.16rem;
}

.fs9 {
    font-size: .18rem;
}

.fs10 {
    font-size: .20rem;
}

.fs11 {
    font-size: .22rem;
}

.fs12 {
    font-size: .24rem;
}

.fs13 {
    font-size: .26rem;
}

.fs14 {
    font-size: .28rem;
}

.fs14-5 {
    font-size: .29rem;
}

.fs15 {
    font-size: .30rem;
}

.fs15-5 {
    font-size: .31rem;
}

.fs16 {
    font-size: .32rem;
}

.fs16-5 {
    font-size: .33rem;
}

.fs17 {
    font-size: .34rem;
}

.fs18 {
    font-size: .36rem;
}

.fs19 {
    font-size: .38rem;
}

.fs20 {
    font-size: .40rem;
}

.fs21 {
    font-size: .42rem;
}

.fs22 {
    font-size: .44rem;
}

.fs24 {
    font-size: .48rem;
}

.fs25 {
    font-size: .50rem;
}

.fs26 {
    font-size: .52rem;
}

.fs28 {
    font-size: 0.56rem;
}

.fs30 {
    font-size: .6rem;
}

.fs34 {
    font-size: 0.68rem;
}

/*width*/
.width750 {
    width: 7.5rem;
}

.width690 {
    width: 6.9rem;
}

.h-100-p {
    height: 100%;
}

.w-100-p {
    width: 100%;
}

.w-55-p {
    width: 55%;
}

.w-45-p {
    width: 45%;
}

.h-10-p {
    height: 0.2rem;
}

/*font*/
.ff800 {
    font-family: PingFang-SC-Heavy, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-weight: 800;
}

.ff700 {
    font-family: PingFangSC-Semibold, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-weight: 700;
}

.ff600 {
    font-family: PingFangSC-Semibold, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-weight: 600;
}

.ff500 {
    font-family: PingFangSC-Medium, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-weight: 500;
}

.ff400 {
    font-family: PingFangSC-Regular, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-weight: 400;
}

.ff300 {
    font-family: PingFangSC-Light, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-weight: 300;
}

/*position*/
.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.pos-r {
    position: relative;
}

.pos-s{
    position: sticky;
    position: -webkit-sticky;
}

/*flex*/
.flex-1 {
    flex: 1;
}

.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.align-items-end {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.justify-content-around {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.justify-content-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.justify-content-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.line1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.line2 {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.line3 {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.line4 {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.line5 {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.line6 {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.bb-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f6f6f6;
}

.bt-1 {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f6f6f6;
}

/*other*/
.container {
    padding: 0 .30rem;
}

/*状态栏*/
.status-bar {
    height: .40rem;
    z-index: 9999;
    width: 100%;
}

/*导航栏*/
.nav-bar {
    line-height: .88rem;
    height: .88rem;
    z-index: 9999;
    width: 100%;
    top: .40rem;
}

.nav-bar div {
    height: 100%;
}

/*导航栏-左侧*/
.left-bar {
    width: 1.10rem;
    height: 100%;
    display: flex;
    align-items: center;
    color: #222222;
    margin-left: 0.3rem;
}

.left-bar img {
    height: .34rem;
    width: .20rem;
    margin-left: 0.3rem;
}

.center-bar {
    height: .88rem;
    line-height: .88rem;
    color: rgba(34, 34, 34, 1);
}

/*导航栏-右侧*/
.right-bar {
    width: 1.10rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #222222;
    margin-right: 0.3rem;
}

/*导航栏-右侧*/
.right-bar-mult {
    width: .92rem;
    height: 100%;
    color: #222222;
}

.right-barimg {
    height: .36rem;
    width: .38rem;
    margin-right: 0.3rem;
}

.bar-title {
    margin-right: 0.16rem;
}

.head-img {
    border-radius: .28rem;
    height: .56rem;
    width: .56rem;
    align-items: center;
}

/*顶部占位，状态栏+导航栏高度*/
.placeholder-top {
    height: 1.28rem;
    width: 100%;
    z-index: 9999;
}

.mt2 {
    margin-top: 0.04rem;
}

.mt3 {
    margin-top: 0.06rem;
}

.mt5 {
    margin-top: 0.1rem;
}

.mt8 {
    margin-top: 0.16rem;
}

.mt10 {
    margin-top: 0.2rem;
}

.mt12 {
    margin-top: 0.24rem;
}

.mt15 {
    margin-top: 0.3rem;
}

.mt20 {
    margin-top: 0.4rem;
}

.mt30 {
    margin-top: 0.6rem;
}

.ml4 {
    margin-left: 0.08rem;
}

.ml5 {
    margin-left: 0.1rem;
}

.ml10 {
    margin-left: 0.2rem;
}

.ml12 {
    margin-left: 0.24rem;
}

.ml15 {
    margin-left: 0.3rem;
}

.ml20 {
    margin-left: 0.4rem;
}

.ml50 {
    margin-left: 1rem;
}

.mb5 {
    margin-bottom: 0.1rem;
}

.mb10 {
    margin-bottom: 0.2rem;
}

.mb15 {
    margin-bottom: 0.3rem;
}

.mb20 {
    margin-bottom: 0.4rem;
}

.ml22 {
    margin-left: 0.44rem;
}

.ml24 {
    margin-left: 0.48rem;
}

.mb30 {
    margin-bottom: 0.6rem;
}

.mr3 {
    margin-right: 0.06rem;
}

.mr5 {
    margin-right: 0.1rem;
}

.mr10 {
    margin-right: 0.2rem;
}

.mr15 {
    margin-right: 0.3rem;
}

.mr13 {
    margin-right: 0.26rem;
}

.mr20 {
    margin-right: 0.4rem;
}


.mr30 {
    margin-right: 0.6rem;
}

.mtpx15 {
    margin-top: 15px;
}

.pt5 {
    padding-top: 0.1rem;
}

.pt10 {
    padding-top: 0.2rem;
}

.pt20 {
    padding-top: 0.4rem;
}

.pt30 {
    padding-top: 0.6rem;
}

.pr10 {
    padding-right: 0.2rem;
}

.pr15 {
    padding-right: 0.3rem;
}

.pr20 {
    padding-right: 0.4rem;
}


.pl15 {
    padding-left: 0.3rem;
}

.pl20 {
    padding-left: 0.4rem;
}

.pb8 {
    padding-bottom: 0.16rem;
}

.pb10 {
    padding-bottom: 0.2rem;
}

.pb15 {
    padding-bottom: 0.3rem;
}

.pb20 {
    padding-bottom: 0.4rem;
}

.pb30 {
    padding-bottom: 0.6rem;
}

.pb60 {
    padding-bottom: 1.2rem;
}

.pb80 {
    padding-bottom: 1.6rem;
}

.pb90 {
    padding-bottom: 1.8rem;
}


.pd1620 {
    padding: 0.32rem 0.4rem;
}

.more {
    background-color: #f6f6f6;
    text-align: center;
    font-size: .24rem;
    color: #b4b3b3;
    width: 7.5rem;
    border: 0;
    line-height: .34rem;
    padding: .54rem 0 .52rem 0;
}

.clearBoth {
    clear: both;
}

.t-align-justify {
    text-align: justify;
}

.info-show-summary {
    /*position: relative;*/
    /*overflow: hidden;*/
    /*text-align: justify;*/
    /*text-align-last: left;*/
    /*text-justify: distribute-all-lines;*/

    position: relative;
    line-height: 24px;
    max-height: 1.52rem;
    overflow: hidden;
    font-size: 14px;
    margin-top: 12px;
    text-align: justify;
    text-align-last: left;
    text-justify: distribute-all-lines;
}

.info-show-summary .info-show-more {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background: rgba(243, 246, 251, 1);
    color: #D3B782;
}

.info-show-summary .info-show-more i {
    width: 1em;
    display: inline-block;
}

.info-show-summary .info-show-less {
    display: none;
    cursor: pointer;
    padding-left: 3px;
    color: #D3B782;
}

.showMore {
    overflow: auto;
    max-height: none;
}

.app-loading {

}

.app-loading img {
    width: .6rem;
    height: .6rem;
}
